/* Author: Tian Hu
QQ：119118760
Email：19118760@qq.com 
CopyRight：zhutima
WebSite：https://www.zhutima.com
update: 2021-08-03*/

/* public start */
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  background: #f1f3f5;
  color: #333
}

body { margin: 0; padding:0; }
h1,h2,h3,h4,ul,li, dd, dt, dl, p { list-style: none; padding: 0; margin: 0; }
a { color: #333; text-decoration: none; font-weight: 400;cursor: pointer; }
a:hover, a:focus { color: #F30; ; text-decoration: none; }
input,button{ border:0px; outline:none; }
a:active, a:hover { outline: 0 }
textarea { overflow: auto;}
td, th { padding: 0;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { max-width: 100%; height: auto; box-sizing: border-box; }
.ztop { margin-top: 15px; }
.zbottom { margin-bottom: 15px; }
.tian { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; }
@media (min-width: 768px) {
  .tian { width: 730px; }
}
@media (min-width: 992px) {
  .tian { width: 950px; }
}
@media (min-width: 1200px) {
  .tian { width: 1200px; }
}
.xs-1, .md-1, .xs-2, .md-2, .xs-3, .md-3, .xs-4, .md-4, .xs-5, .md-5, .xs-6, .md-6, .xs-7, .md-7, .xs-8, .md-8, .xs-9, .md-9, .xs-10, .md-10, .xs-11, .md-11, .xs-12, .md-12 { position: relative; min-height: 1px; padding-left: 7px; padding-right: 7px; }
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 { float: left; }
.xs-12 { width: 100%; }
.xs-11 { width: 91.66666667%; }
.xs-10 { width: 83.33333333%; }
.xs-9 { width: 75%; }
.xs-8 { width: 66.66666667%; }
.xs-7 { width: 58.33333333%; }
.xs-6 { width: 50%; }
.xs-5 { width: 41.66666667%; }
.xs-4 { width: 33.33333333%; }
.xs-3 { width: 25%; }
.xs-2 { width: 16.66666667%; }
.xs-1 { width: 8.33333333%; }

@media (min-width: 992px) {
  .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 { float: left; }
  .md-12 { width: 100%; }
  .md-11 { width: 91.66666667%; }
  .md-10 { width: 83.33333333%; }
  .md-9 { width: 75%; }
  .md-8 { width: 66.66666667%; }
  .md-7 { width: 58.33333333%; }
  .md-6 { width: 50%; }
  .md-5 { width: 41.66666667%; }
  .md-4 { width: 33.33333333%; }
  .md-3 { width: 25%; }
  .md-2 { width: 16.66666667%; }
  .md-1 { width: 8.33333333%; }
}
.tian:before, .tian:after { content: " "; display: table; }
.tian:after { clear: both; }
/* public end */

/* menu */
.header-ztm{background-color: #fff;overflow: hidden;}
.header-ztm1{background-color: #006abe;height: 40px;}
.ztm1-top-left{font-size: 13px;color: #fff;opacity: 0.8;line-height: 40px;vertical-align: middle;}
.ztm1-top-left i{vertical-align: middle;margin-right: 5px;}
.ztm1-top-left a{color: #fff;opacity: 0.8;}
.ztm1-top-left a:hover{opacity: 1;transition: all .4s;}
ul.ztopmenu{float:right;overflow: hidden;}
ul.ztopmenu li{float: left;margin-left: 20px; color: #fff;opacity: 0.8;line-height: 40px;font-size: 14px;}
ul.ztopmenu li a{ color: #fff;opacity: 0.8;}
ul.ztopmenu li a:hover{opacity: 1;transition: all .4s;}
.ztm2-ad1{text-align: right;height: 65px;}
.ztm2-ad1 img{height: 65px;width: auto;}
ul.ztm3-menu{overflow: hidden;}
ul.ztm3-menu li{float: left;line-height: 40px;margin-right: 5px;position: relative;}
ul.ztm3-menu li a{padding: 0px 10px;color: #2c2e3b;font-size: 15px;}
ul.ztm3-menu li a:after {position: absolute;content: '';left: 50%;height: 3px;bottom: 0;width: 0;transition: all .5s;background: #006abe;border-radius: 2px;}
ul.ztm3-menu li a:hover{color: #006abe;transition: all .4s;}
ul.ztm3-menu li a:hover:after {text-decoration: none;width: 100%;left: 0;}
.ztm3-search{
  text-align: right;
}

.tian .md-9 .pagebar a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 13px;
    margin: 5px 2px;
    border: 1px solid #f0f0f5;
    color: #666;
    padding: 5px 10px;
    border-radius: 2px;
    box-sizing: border-box;
}
.biaoqian {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 13px;
    margin: 5px 2px;
    border: 1px solid #f0f0f5;
    color: #666;
    padding: 5px 10px;
    border-radius: 2px;
    box-sizing: border-box;
}
.tian .md-9 .pagebar b {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 13px;
    margin: 5px 2px;
    border: 1px solid #f0f0f5;
    color: #fff;
    background: #150af2;
    padding: 5px 10px;
    border-radius: 2px;
    box-sizing: border-box;
}
.tian .md-9 .pagebar a:hover {
    background: #150af2;
    color: #fff;
    border: 1px solid #150af2;
}
.biaoqiann a:hover {
    background: #150af2;
    color: #fff;
    border: 1px solid #150af2;
}
.header{height: 60px;background: -webkit-linear-gradient(left, #ac70ff 0%, #150af2 100%);}
.zlogo h1{color:#fff;font-size: 22px;line-height: 60px;}
.zlogo h1 a{color:#fff;}
.zlogo h1.h1logo{line-height:normal;}
ul.zmenu{float: right;display: block;}
ul.zmenu li{float:left;} 
ul.zmenu li a{color:#fff;line-height: 60px;display: block;padding: 0px 15px;transition: all .4s;}
ul.zmenu li a:hover{color: #fff;background: rgba(0,0,0,.4);}
ul.zmenu li.act{background: rgba(0,0,0,.4);}
ul.zmenu li:last-child{background: #150af2;}
.wapicon{display: none;}
input.zinput1{vertical-align: middle; background: #f2f3f4;color: #000; border-radius: 5px; transition: all .35s ease 0s; line-height: 30px; height: 30px; width: 200px; padding: 0 5px; border: 1px solid #ebebec;}
input.zinput2{cursor: pointer; vertical-align: middle; background: #f2f3f4;color: #999; border-radius: 5px; transition: all .35s ease 0s; line-height: 30px; height: 30px; padding: 0 5px; border: 1px solid #ebebec;}
input.zinput2:hover{background: #006abe;color: #fff;opacity: 8;}
/* wen zi ad */
ul.zadul{overflow: hidden;background: #fff;padding:10px;border-radius: 3px;position: relative;}
ul.zadul li{float:left;height:25px;line-height:25px;width:20%;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
ul.zadul li a{font-size: 13px;transition: 0.4s ease-out;}
ul.zadul li.zliad {font-size: 12px;position: absolute;bottom:6px;right:5px;width: auto;height:auto;border: 1px solid #ddd;line-height: 15px;color:#999;border-radius: 3px; padding: 0px 3px;}
.zmoke{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none; z-index: 998;cursor: pointer;}
.zsou{position: fixed;top: 0px;right:-100%;padding: 10px;height: 100%;width:300px;z-index: 9999;transition: all .5s linear;background: -webkit-linear-gradient(left, #fff 0%, #ddd 100%);}
.zsou.thseach{right:0px;box-shadow: 0px 0 20px rgba(0, 0, 0, .38);}
/* ming pian */
.zinfo{position: relative;height:150px;background: #150af2;padding:15px;color: #eee;border-radius:1px;box-shadow: 0 10px 20px 0 rgba(0,0,0,.05); border: 2px solid #bdb9ff;border-radius:3px;}
.zinfo1{font-size: 20px;color: #fff;}
.zinfo2{font-size: 13px;color:#eee;margin-top: 10px;line-height: 20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.zinfo3{font-size: 12px;margin-top: 15px;line-height: 25px;}
.zinfo4 {margin-top: 10px;}
.zinfo4 ul{display: flex; justify-content:space-between;}
.zinfo4 ul li{position: relative;}
.zinfo4 ul li a{display: block;color: #fff;padding: 10px 20px;border-radius: 2px;transition: all .4s;}
.zinfo4 ul li:nth-child(1) a{background: #999;}
.zinfo4 ul li:nth-child(2) a{background: #999;}
.zinfo4 ul li:nth-child(3) a{background: #999;}
.zinfo4 ul li:nth-child(4) a{background: #999;}
.zinfo4 ul li:nth-child(1):hover a{background: #000;color:#fff;}
.zinfo4 ul li:nth-child(2):hover a{background: #48c82e;color:#fff;}
.zinfo4 ul li:nth-child(3):hover a{background: #409eff;color:#fff;}
.zinfo4 ul li:nth-child(4):hover a{background: #e71f19;color:#fff;}
.zinfo4-wx{position: absolute;top:-105px;left:-20px;width: 100px;height: 100px;background: #fff;padding: 10px;border-radius:2px;opacity: 0;border: 1px solid #ddd;}
.zinfo4-wx p{font-size: 12px;color: #666;text-align: center;}
.zinfo4 ul li:nth-child(2):hover .zinfo4-wx{display: block;opacity: 1;}
.ztel{overflow: hidden;padding: 10px;background: #e71f19;height: 150px;border: 2px solid #f4adab;border-radius:3px;position: relative;}
.ztel1{border: 1px solid #150AF2;height:35px;line-height: 35px;padding: 0px 10px;}
.tjs{position: absolute;top:5px;right:5px;background: rgba(255, 255, 255, 0.4);font-size: 10px;color: #fff;padding:2px 4px;}
.ztm-fixed { position: fixed; top: 0; z-index: 100; width: 100%; opacity: 0.95; }

/* banner start */
.banner { background-color: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);  box-sizing: border-box; height: 315px; }
img.th_img{ width: 100%; object-fit: cover;height: 315px; }
.swiper-button-next, .swiper-button-prev { color: #fff; opacity: 0.5; transition: 0.3s ease-out; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #f2f5f7; opacity: 1; }
.swiper-container{ --swiper-theme-color: #3D7EFF; --swiper-pagination-color: #3D7EFF;/* 两种都可以 */}
.thbn-title {border-radius:2px;position: absolute; width: 100%; bottom: 0px; left:0; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px;line-height: 25px;box-sizing: border-box; padding: 10px 10px; overflow: hidden; transition: all 0.5s; }
.swiper-button-next, .swiper-button-prev{background: #000;}
.swiper-button-next{right:-50px;}
.swiper-button-prev{left:-50px;}
.banner:hover .swiper-button-next{right: 0px;}
.banner:hover .swiper-button-prev{left: 0px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;}
/* banner end */
.ztuiimg{height:150px;position: relative;}
.ztuiimg img{width: 100%; object-fit: cover;height: 150px;}
.ztuiimg h3{ background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0px;left: 0;padding: 10px 10px;margin: 0;font-size: 14px;font-weight: 400;color: #fff;width: 100%;}
/* sui ji */
.zsuiji{background: #fff;padding:30px 15px 15px 15px;position: relative;transition: all .4s;border:1px solid #eaeaea;}
.zsuiji:hover{	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.05); box-shadow: 0 10px 20px 0 rgba(0,0,0,.05);}
.zsuiji-tit a{font-size: 15px;font-weight:700;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;transition: all .4s;}
.zsuiji-info{color: #868e96;font-size: 13px;margin-top:10px;line-height: 20px;height: 39px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.zsuiji-icon{font-size: 12px;margin-top: 10px;color: #999;}
.zsuiji-icon span{float: right;}
.zsuiji-icon a{transition: all .4s;}
.zic{position: absolute;top: 0px;right:0px;font-size: 12px;padding:3px 3px;color:#fff;border-radius: 1px;transition: all .4s;}
.zic a{color: #fff;}
.zic-c1{background: #f24709; }
.zic-c2{background: #409eff; }
.zic-c3{background: #303133; }
.zic-c4{background: #150AF2; }
.zic-c5{background: #ffbb50; }
.zic-c6{background: #F56C6C; }
.zic-c7{background: #FE00E8; }
.zic-c8{background: #1ac756; }
.zic:hover{background-color: #000;}

/* type tab  */
.table_card {border: 1px solid #eaeaea;}
.table_card .tab { height: 45px;font-weight: bold;background: #f8f8f8;}
.table_card .tab li { float: left; line-height: 45px; padding: 0 25px; margin-right: 5px;  border-top: 1px solid #f1f3f5;transition: all .4s;}
.table_card .tab li:hover { background: #fff; color: #333; cursor: pointer; border-top: 1px solid #150AF2;}
.table_card .tab li.activ {background: #fff; color: #150AF2 ;border-top: 1px solid #150AF2;box-sizing:content-box;}
.table_card .tabCon { background: #fff; padding: 15px;}
.table_card .tabCon div { display: none; }
.table_card .tabCon .on { display: block; }

.new1 {overflow: hidden; }
.new1 .date { float: right; color: #868e96;font-size:13px;}
.new1 li { line-height: 36px; height: 36px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.new1 li a { transition: 0.4s ease-out; }
.new1 li em{font-style: normal;margin-right: 5px;}
.new1 li em a{color: #868e96;}
.new1 li em a:hover{color: #F30;}
.new1 li i{color: #F30;margin-left:5px;}
ul.morelist{overflow: hidden;padding:10px 10px;}
.morelist li i{margin-left:0px;}
.morelist li.morefirst{height:100px;display: flex;justify-content: space-between;line-height: normal;}
.morelist li.morefirst .morefirst1{width: 30%;}
.morefirst1 img{border-radius: 3px;height: 95px;width: 100%; object-fit: cover;}
.morelist li.morefirst .morefirst2{width: 68%;}
.morefirst2 h3 a{font-size: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.morefirst2-info{white-space:normal;color: #868e96; font-size: 13px; margin-top: 10px; line-height: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

.ztype li em{background: #999;color: #fff;font-size: 13px;padding: 0px 5px;border-radius: 2px;}
.ztype li:nth-child(1) em{background: #F30;}
.ztype li:nth-child(2) em{background: #150AF2;}
.ztype li:nth-child(3) em{background: #ffbe02;}
/* bt */
.ztui{background: #fff;border: 1px solid #eaeaea;}
.zbt {height:45px; line-height: 45px; position: relative; box-sizing: border-box; background: #fff;border-bottom: 1px solid #eaeaea;}
.zbt span{margin-left: 15px;font-weight: bold;}
.zbt::before{ content: ""; display: block; position: absolute; left: -2px; top: 36%; width: 4px; height: 32%; background-color: #150AF2; border-radius: 4px; }
.zbt a{font-weight: bold;transition: 0.4s ease-out;}
.zbt i{font-weight: bold;margin:0px 5px;}
.zbt-more{position: absolute;top:0px;right:0px;text-align: center;}
.zbt-more a i{font-size: 25px;}
.ztuicon{overflow: hidden;}
.ztuicon ul{display: flex; align-items: center; flex-flow:row wrap;overflow: hidden;}
.ztuicon ul li{width:25%;padding:15px;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;transition: 0.4s ease-out;}
.ztmwen ul li{background: #fff;}
.ztuicon ul li:nth-child(4),.ztuicon ul li:nth-child(8){border-right: none;}
/* .ztuicon ul li:nth-child(5),.ztuicon ul li:nth-child(6),.ztuicon ul li:nth-child(7),.ztuicon ul li:nth-child(8){border-bottom: none;} */
.ztuicon1{height:195px;margin-bottom: 10px;position: relative;}
.ztuicon1 img{height: 195px;width: 100%;object-fit: cover;}
.ztuicon1-icon{transition: 0.4s ease-out;width: 30px;height:30px;line-height: 25px; text-align: center; position: absolute;top: -10px;left:10px;background: #303133;color: #fff;border:3px solid #fff;border-radius: 50px;}
.ztuicon2 a{transition: all .4s;font-weight: bold; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ztuicon3{margin-top:10px;height:40px;font-size:14px;line-height: 20px;color: #868e96;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ztuicon4{font-size: 13px;margin-top: 10px;color: #999;}
.ztuicon4 em{margin-right: 10px;}
.ztuicon4 em span{color: #150AF2;}
.ztuicon ul li:hover{background: #f8f8f8;}
.ztuicon ul li:hover .ztuicon1-icon{color: #fff;background: #F30;}
.ztuicon ul li:hover .ztuicon2 a{color: #F30;}
/* tui jian type */
.ztoptyp{height:257px;background: #fff;border: 1px solid #eaeaea;}
.ztoptyp ul.new1{padding: 0px 5px;}
.ztoptyp ul.new1 li{border-bottom: 1px dashed #eaeaea;margin-top: 5px;}
.ztoptyp ul.new1 li i{margin-left: 0px;}
.ztoptyp ul.new1 li:nth-child(5){border-bottom: none;}
/* zt1 */
.zt1{background: #fff;}
.zt1-1{height:300px;background: url(/view/thzhuti/img/zt1.png) no-repeat;position: relative;}
.zt1-1-t{padding:20px 10px 10px 10px;}
.zt1-1-t a{color: #fff;line-height: 20px;transition: all .4s;font-weight: bold;}
.zt1-1-t a:hover{color: #f30;}
.zt1-1-i{text-align: center;margin:20px 0px;color: #ddd;}
.zt1-1-i i{font-size: 25px;}
.zt1-1-info{padding:0px 10px;color: #ddd;line-height: 20px;font-size: 13px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.zt1-1-num{position: absolute;color: #fff;bottom: 30px;left:10px;}
.zt1-1-num a{font-size: 12px;;color: #fff;padding:2px 5px;border: 1px solid #ddd;line-height: 20px;transition: all .4s;border-radius: 2px;}
.zt1-1-num a:hover{color: #f30;border-color: #f30;}
.zt1-1-num span{font-size: 12px;color: #f8f8f8;margin-left: 10px;}
.zt1-2{background: rgb(255 255 255 / 10%);padding: 10px 0px;}
.ztm-type-1{border: 1px solid #eaeaea;background: #fff;height: 156px;margin-top: 15px;transition: all .4s;}
.ztm-type div:nth-child(1){margin-top: 0px;}
.ztm-type-1:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.05);}
.ztm-type-1{display: flex;}
.ztm-type-1 div:nth-child(1){width: 20%;text-align: center;border-top: 1px solid #fff;padding-top: 40px;border-right: 1px solid #eaeaea;}
.ztm-type-1 div:nth-child(1) em{font-style: normal;font-weight: bold;font-size: 25px;}
.ztm-type-1 div:nth-child(1) p{color: #868e96;margin-top: 10px;}
.ztm-type-1 div:nth-child(2){width: 52%;}
.ztm-type-1 div:nth-child(2) h3{padding: 15px;}
.ztm-type-1 div:nth-child(2) h3 a{font-weight: bold;transition: all .4s;font-size: 15px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.type-info{padding:0px 15px;color: #868e96; font-size: 13px;line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ztm-type-1 div:nth-child(3){width: 28%;overflow: hidden;}
.ztm-type-1 div:nth-child(3) a img{width: 100%; object-fit: cover;height:156px;overflow: hidden;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.ztm-type-1 div:nth-child(3) a img:hover{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
/* side 1 */
.ztmside1{ background: #fff;border: 1px solid #eaeaea;}
.ztmside1-con {padding:0px 15px 10px 15px;}
.ztmside1-con ul{border-left: 1px solid #eee;}
.ztmside1-con ul li{position: relative;padding-left:15px;line-height: 20px;margin-top: 18px;}
.ztmside1-con ul li i{position: absolute;z-index: 1; left: -11px; top:2px;font-size: 20px;transition: 0.4s ease-out;color: #f30;}
.ztmside1-con ul li a{transition: 0.4s ease-out;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ztmside1-con ul li:hover i{color: #f30;}
.ztmside1-con ul li p{font-size: 13px;margin-top: 5px; color: #868e96;}
.ztmside1-con ul li p span{margin-left: 10px;}
/* index list new*/
.zlistcon{background: #fff;border: 1px solid #eaeaea;}
.zlist ul li {border-bottom: 1px dashed #eaeaea;padding: 15px 15px;transition: 0.4s ease-out;}
.zlist ul li h2 a{font-size: 16px;font-weight: bold;transition: 0.4s ease-out;}
.zlist ul li h2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.zlist ul li h2 em{font-style: normal;font-size: 16px;margin-right: 10px;}
.zlist ul li:nth-child(1) h2 em{color: #F30;}
.zlist ul li:nth-child(2) h2 em{color: #150AF2;}
.zlist ul li:nth-child(3) h2 em{color: #FE00E8;}
.zlist ul li:last-child{border-bottom:none;}
.zlist ul li:hover{background-color: #f8f8f8;	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 10px 20px 0 rgba(68, 41, 41, 0.2); box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);}
.zlist-info{height:40px;margin-top: 10px;color: #868e96; font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.zlist-icon{margin-top: 10px;font-size: 13px;color: #999;}
.zlist-icon em{margin-right: 15px;}
.zlist-icon em span{color: #150AF2;}
.zlist-icon em span a{color: #150AF2;}
/* tags */
.zsite{overflow: hidden;padding: 15px 0px 10px 0px;border-top: 1px dashed #eaeaea;}
.zsite ul{float: left;}
.zsite ul li{float: left;margin-left: 15px;font-size: 13px;color: #333;margin-bottom: 5px;}
.zsite ul li.zsite-1{font-weight: bold;color: #150AF2;}
/* top */
.thgotop { position: fixed; left: 50%; margin-left: 615px; bottom: 100px; z-index: 99; }
.thgotop ul li { width: 40px; height: 40px; background: #fff; margin-top: 10px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); border: 1px solid #fff; border-radius: 4px; box-sizing: border-box; cursor: pointer; }
.ditop { cursor: pointer; text-align: center; vertical-align: middle; transition: 0.3s ease-out; position: relative; }
.ditop i { display: inline-block; margin-top: 5px; font-size: 20px; color: #000; }
.ditop span { display: none; font-size: 12px; width: 30px; margin: 0 auto; margin-top: 3px; }
.ditop:hover { background-color: #150af2 ; border: 1px solid #150af2 ; color: #fff; }
.ditop:hover i { display: none; }
.ditop:hover span { display: block; }
.ditopcon { position: absolute; width: 160px; bottom: -50px; left: -163px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); border: 1px solid #fff; border-radius: 4px; box-sizing: border-box; transition: 0.3s ease-out; display: none; padding: 10px; background-color: #fff; }
.ditopcon p{font-size:12px;color: #444;}
.ditop-top { margin-top: 10px; }
.ditop:hover .ditopcon { display: block; color: #444; font-size: 12px; }
.topthewm { width: 100px; height: 100px; border: 1px solid #f0f0f0; margin: 0 auto; margin-top: 10px; box-sizing: border-box; padding: 5px; border-radius: 5px; }
/* footer */
.zfooter{background: #080808;padding: 15px 0px;text-align: center;color: #9c9c9c;font-size: 13px;}
.zfooter p{line-height: 25px;}
.zfooter p a{color: #9c9c9c;transition: all .4s;}
.zfooter p a:hover{color: #f30;}

/* pagebar s*/
.pagebar { text-align: center; padding: 15px; background-color: #fff;position: relative;transition: 0.3s ease-out; }
.pagebar a:hover { color: #150af2; }
.pagebar span { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-size: 13px; margin: 5px 2px; border: 1px solid #f0f0f5; color: #666; padding: 5px 10px; border-radius: 2px; box-sizing: border-box; }
.pagebar span:hover { background: #150af2; color: #fff; border: 1px solid #150af2; }
.pagebar span.now-page { background: #150af2; border: 1px solid #150af2; color: #fff; }
/* pagebar end*/

/* detail */
.z-d-con{background-color: #fff;border: 1px solid #eee;border-radius: 2px;padding: 40px 15px 15px 15px;}
.z-d-con h1{font-size: 20px;}
.z-d-con1{font-size: 13px;color: #999;overflow: hidden;padding-top:10px;}
.z-d-con1 span{margin-right: 10px;}
.z-d-con2{margin:15px 0px;line-height: 27px;}
.z-d-con2 p{margin-bottom: 20px;}
.z-d-con2 img,.z-d-con2 p img{max-width: 100%;text-align: center;}
.z-d-tags{background-color: #f8f8f8;padding: 15px;color: #666;line-height: 25px;font-size: 14px;}
.z-d-tags i{margin-right: 5px;vertical-align: middle;}
.z-d-tags a{margin-right: 10px;font-size: 14px;transition: 0.5s ease-out;padding: 2px 10px;border: 1px solid #3D7EFF;color: #3D7EFF;border-radius: 2px;}
.z-d-tags a:hover{background-color: #3D7EFF;color: #fff;}
.z-d-con3{background-color: #f8f8f8;padding: 15px;margin-top: 15px;}
.z-d-con3 p{font-size: 14px;line-height: 25px;color: #999;}
.z-d-con3 p span{color: #222;}
.z-d-next{background-color: #fff;border: 1px solid #eee;border-radius: 2px;padding: 15px;}
.z-d-next div{line-height: 30px;color: #999;font-size: 14px;}
.z-d-next div a{transition: 0.5s ease-out;}
.zxgtj{background: #fff;padding:15px;}

/*----------- comm -----------*/	
#divCommentPost{padding: 15px;}
ul li.tbname{line-height: 30px;padding: 15px;background-color: #f8f8f8;border-bottom: 1px solid #f5f5f5;}
p.posttop{line-height: 30px;}
input.text {color: #999;border-radius:0;transition: all .35s ease 0s;line-height: 38px;height: 38px;width: 100%;padding: 0 10px;border: 1px solid rgba(227, 229, 236, .4);background: #f8f8fc;}
input.text:focus,
#txaArticle:focus {border: 1px solid #150af2;}
.button {margin-top:10px;display: inline-block;height: 38px;line-height: 38px;padding: 0 20px;background-color: #150af2;transition: 0.3s ease-out;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: 0;border-radius: 2px;cursor: pointer;opacity: .9;
  filter: alpha(opacity=90);vertical-align: middle;}
#txaArticle {position: relative;z-index: 1;padding: 5px;height: 80px;min-height: 14px;margin: 0;outline: 0;width: 100%;min-width: 100%;border: 1px solid rgba(227, 229, 236, .4);background: #f8f8fc;border-radius: 0rem;line-height: 1.6;}
.msgArticle{padding:10px}
.children .msgArticle{ background: #f9fafc; padding:10px 15px; border-radius: 4px; position: relative;}
.children .msgArticle:before{content: "";display: block;border-top: none;border-right: 15px solid transparent;border-bottom: 15px solid #f9fafc;border-left: 15px solid transparent;position: absolute;top: -12px;left: 15px;}
.msgReply{background: #f7f9fd;margin-top:8px;padding: 10px 0px 0px 10px;border-radius:5px;}
.avatar{float:left;position:relative;-webkit-border-radius:50px;border-radius:50px;background-color:#fff;margin-right:10px; margin-top: 10px;}
.avatar img{width:4rem;height:4rem;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}
.commBody{position:relative;margin-left:35px;padding:0 0 1rem 1rem!important;}
.commBody .commInfo{font-size:14px;line-height:2rem;word-wrap:break-word; line-height: 24px; color: rgba(0,0,0,0.8)}
.commBody .commInfo span{ margin-right: 4px; color: #f00}
.commTop{margin-left:-1rem;margin-right:-1rem;margin-bottom:0rem;font-weight:500;font-size:1.4rem;}
.commTop a{color:#9ca0ad;font-size:12px;margin-right:.8rem}
.commFooter{font-size:12px;line-height:16px;margin-top:10px;}
.commTime{font-size:12px;margin-right:.8rem;color:#9ca0ad}
.commReply{font-size:12px;color:#9ca0ad}
.msgname .msgname,div.children{margin-left:78px;line-height: 30px;}
.msgname {line-height:30px;color:#999;}
div.children > div.children{margin-left:0rem}
div.children .avatar,.msgname .msgname .avatar{width: 36px; height: 36px; margin-left: 2px; margin-top: 5px;}
div.children .avatar img,.msgname .msgname .avatar img{width: 36px; height: 36px;}
.postbottom{color:#999;font-size:14px;line-height: 25px;margin-top: 10px;}
.commentpagebar{overflow: hidden;margin-bottom: 15px;padding: 10px;}
#cancel-reply{line-height:30px;color: #999;}
#cancel-reply:hover{color: #150af2;}

/* zhuan ti msg */
.ztmmsg-img{background: #fff;height:80px;border-radius: 3px;}
.ztmmsg-img img{border-radius: 3px;}
.zclearfix::after{ content:''; display:block; clear:both; }
.zbox{  background:#f8f8f8; border: 1px solid #eaeaea;; border-bottom: none; border-radius: 3px; }
.ztab{ line-height: 45px; float:left; margin-right: 5px; padding:0px 20px; background:#f8f8f8; font-weight: bold; color: #000; cursor: pointer; }
.ztab.zact{ background:#fff; color: #150af2; }
.zpanel{ display:none; background:#fff; min-height: 306px; }
.zpanel.zact{ display:block; }
.zhutimsg{transition: 0.4s ease-out; text-align: center;font-size: 12px;padding:5px 10px;position: absolute; top: -10px; right: 10px; background: #303133; color: #fff; border: 3px solid #fff; border-radius: 50px;}
.zhutimsg span{margin-right: 3px;}
.ztm-category{background: #fff;padding: 15px;border-radius: 2px;}
.ztm-category1{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.ztm-category1 a{font-weight: bold;font-size: 15px;}
.ztm-category2{color: #999;font-size: 14px;line-height: 28px;}
.ztm-category2 a{color: red;}
/* zhuan ti tab */
/* wap start */
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .wapnone,ul.zmenu li.zlisou{ display: none; }
  .morelist li.morefirst{display: none;}
  .zt1-1{background: #000;}
  .waptop{margin-top: 10px;}
  .ztuicon ul li{width: 100%;}
  .wapicon{display: block;position: absolute;top:15px;right:5px;z-index: 999;border-radius: 3px;cursor: pointer;}
  .wapicon i{color: #fff;font-size: 25px;}
  ul.zmenu{float: none;overflow: hidden;background: #1a1a1a;position:absolute;top:-6px;left: 0px;z-index: 999;width: 100%;display: none;}
  ul.zmenu li{float: none;}
  ul.zmenu li a{background: #1a1a1a;border-bottom: 1px solid #333232;height:35px;line-height: 35px;font-size: 13px;}
  .ztm-type-1 div:nth-child(1){display: none;}
  .ztm-type-1 div:nth-child(2){width:65%;}
  .ztm-type-1 div:nth-child(3){width:34%;}
  
}
/* wap end */